<template>
	<view>
		<view class="box1" hover-class="box1Click">
			<view class="box2" hover-class="box2Click" hover-stop-propagation>
			  <button type="default" size="mini" :disabled="buttondisble" @click="goto('/pages/index/index')">{{buttonText}}</button>
			</view>
		</view>
	</view>
	<view class="">
	-------------
	</view>
	<view class="text">
		<text>测试文本选中</text>
	</view>
	<picker mode="date" :value="date" start="2015-09-01" end="2020-09-01" @change="bindDateChange">
		<view class="picker">
		  当前选择: {{date}}
		</view>
	</picker>
</template>

<script>
	export default {
		data() {
			return {
				"buttonText":"按钮1",
				"buttondisble": false
			}
		},
		methods: {
			goto(url) {
				console.log("日志" + url)
			},
			bindDateChange(value){
				console.log(value)
			}
		
		}
	}
</script>

<style>
.box1{
	background-color: aqua;
	color: red;
	border: 1px solid yellow;
	width: 300px;
	height: 300px;
}
.box1Click {
	background-color: red;
}
.box2 {
	background-color: yellow;
	width: 200px;
	height: 200px;
}
.box2Click {
	background-color: green;
}
</style>
